@charset "utf-8";
/* CSS Document */



/*banner*/

.visual{width:100%!important;height:451px;position:relative;min-width:1002px;}
.visual ul.slides-container{width:100% !important;height:451px;display:inline-block;position:relative;z-index: 0}
.visual ul.slides-container li{text-align:center;width:100% !important;position:relative;height:451px;overflow:hidden;background-position: center;}
.visual ul.slides-container li a{position:absolute;top:0;left: 0;display: inherit;width: 100%;height: 100%;}

.slideControl {width:100%;height:20px;overflow:hidden;margin: 0 auto;text-align: center;position: absolute;z-index: 2;bottom: 25px}
.prev{position:absolute;left:18%;top:45%;z-index: 9;width:21px;height:58px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.next{position:absolute;right:18%;top:45%;z-index: 9;width:21px;height:58px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.prev a,.next a{display:inherit;width: 100%;height: 100%;}
.prev:hover,.next:hover{filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.slideControl .pagination{}
.slideControl  a:hover,.slideControl .current a{background-color: #127cc1;}
.slideControl a{width:10px;height:10px;display:inline-block;background-color: #fff; text-decoration:none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;margin: 0 3px}
/* 首页公告 */
.index-graybox{background-color: #eeeeee;width: 100%;position: relative;}
.index-graycon{height: 60px; padding: 40px 0 20px;position: relative;}
.index-announce{ height: 36px; left: 0; line-height: 36px; overflow: hidden; position: absolute; top: -22px; width: 518px;}
.index-announce-til{background-color: #003c7b;padding:0 8px;color: #fff;font-size: 16px;float: left;}
.index-announce-til:hover{text-decoration: underline;}
.index-announce-inc{background-color: #fff;width: 300px;float: left;}
.announce-info{float: left;width: 260px;padding: 0 12px;color: #003c7b}
.announce-info li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; -ms-text-overflow: ellipsis;}
.announce-info li a{color: #003c7b}
.announce-info .datetime{width: 94px;text-align: center;overflow: hidden;font-size: 12px;margin-right: 15px;}
.announce-btn {float: right; padding-top: 5px;}
.announce-btn a {display: block;height: 8px; width: 14px;}
.announce-btn .btn-up {background-position: -69px -7px;}
.announce-btn .btn-down {background-position: -69px -22px; margin-top: 7px;}
.announce-btn-end{background-position: -12px -463px;width: 20px; height: 36px;float: left;}

/* 首页联系方式 */
.index-contact{ position:absolute; top:-22px; right:0;}
.index-contact a{color:#fff;display:inline-block;*display:inline;*zoom:1;position:relative;text-decoration:none;}
.index-contact a .contact-text{position:absolute;bottom:50px;left:50%;width:360px;margin-left:-180px;text-align:center;line-height:28px;display:none;padding-bottom:5px;}
.index-contact a:hover .contact-text{display:block;}
.contact-text .con-text{height:28px;}
.contact-text .con-text *{ vertical-align:middle;}
.contact-text .con-text span{display:inline-block;*display:inline;*zoom:1;background:#003c7b;padding-left:15px;}
.contact-text .con-text em{display:inline-block;*display:inline;*zoom:1;background:#003c7b;padding-right:15px;font-size:14px;}
.index-contact .ico-qq , .index-contact .ico-phone , .index-contact .ico-msg{ width:50px; height:50px; float:left; margin-left:5px;background-color: #003c7b ;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px}
.index-contact .ico-phone{ background-position:-95px 0;}
.index-contact .ico-qq{ background-position:-141px 0;}
.index-contact .ico-msg{ background-position:-187px 0;}
.index-contact .ico-phone,.index-contact .ico-qq,.index-contact .ico-msg{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.index-contact .ico-qq:hover,.index-contact .ico-phone:hover,.index-contact .ico-msg:hover{ background-color: #003c7b ;transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg); }
.contact-text .con-arrow{height: 10px;line-height: 9px}
.ico-con-arrow{width:13px;height:10px;line-height:9px;background-position:-94px -53px;display: inline-block;} 

/*首页流程*/
.index-flow{position: relative;width: 100%}
.index-flow li{float: left;width: 25%;line-height: 28px}
.index-flow li em{width: 58px; height: 58px;display: inline-block;*display:inline;*zoom:1;float: left;	margin-right: 8px;}
.index-flow .early{background-position: -7px -62px;animation: lg 1s ease-in-out 0.1s ;-moz-animation: lg 1s ease-in-out 0.1s;	-webkit-animation: lg 1s ease-in-out 0.1s;-o-animation: lg 1s ease-in-out 0.1s}
.index-flow .design{background-position: -7px -144px;animation: lg 1s ease-in-out 0.3s;-moz-animation: lg 1s ease-in-out 0.3s;	-webkit-animation: lg 1s ease-in-out 0.3s;-o-animation: lg 1s ease-in-out 0.3s}
.index-flow .html{background-position: -8px -226px;animation: lg 1s ease-in-out 0.45s;-moz-animation: lg 1s ease-in-out 0.45s;	-webkit-animation: lg 1s ease-in-out 0.45s;-o-animation: lg 1s ease-in-out 0.45s}
.index-flow .test{background-position: 0 -309px;animation: lg 1s ease-in-out 0.6s;-moz-animation: lg 1s ease-in-out 0.6s;	-webkit-animation: lg 1s ease-in-oute 0.6s;-o-animation: lg 1s ease-in-out 0.6s}

/*首页about*/
.index-aboutbox{background:url(./bg_3.png) repeat; ;width: 100%;position: relative;}
.index-aboutcon{padding: 25px 0;color: #fff;position: relative;}
.index-aboutbox .slogan{position: relative;line-height: 36px;width: 100%;height: 40px;font-size: 16px;letter-spacing: 0.2em}
.index-aboutbox .slogan span{margin: 0 5px}
.index-aboutbox .firm{position: relative;text-align: center;padding: 0 55px}
.index-aboutbox .firm p{line-height: 28px}
.box-end{margin: 0 auto;position: relative;width: 32px;height: 22px;background-position: -136px -52px ;left: 50%;margin-left: -16px;}

/*首页优势*/
.index-advantagebox{position: relative;}
.colorcirclemainbox{position: relative;width: 100%;height: 268px;overflow: hidden;margin-bottom: 8px;}
.colorcirclebox{float: left;width: 116px;margin: 0 13px}
.colorcircle{width: 116px; height: 116px; border-radius: 58px;-moz-border-radius: 58px;-webkit-border-radius: 58px;margin-bottom: 12px;	}
.colorcirclebox:hover em{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.colorcirclebox p{line-height: 24px;}
.col-1{background-color: #557198;}
.col-1 em{background-position: -248px -0;}
.col-2{background-color: #6b90a0;}
.col-2 em{background-position: -248px -116px}
.col-3{background-color: #d18656;}
.col-3 em{background-position: -248px -232px}
.col-4{background-color: #d4515e;}
.col-4 em{background-position: -248px -348px}
.col-5{background-color: #6cc372;}
.col-5 em{background-position: -248px -464px;}
.col-6{background-color: #4eb4ef;}
.col-6 em{background-position: -248px -580px}
.col-7{background-color: #f4ae86;}
.col-7 em{background-position: -248px -696px}
.col-1 em,.col-2 em,.col-3 em,.col-4 em,.col-5 em,.col-6 em,.col-7 em{width: 116px;height: 116px;transition: all 1s;-moz-transition: all 1s;
-webkit-transition: all 1s;-o-transition: all 1s;display: inline-block;}

/*首页服务*/
.index-serbox{position: relative;width: 100%; height:484px; background:  url(../images/index_ser_bg.jpg) center no-repeat; }
.index-serbox .inbox{color: #fff;}
.marqueeleft{width:950px;overflow:hidden;margin:15px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;width:188px;text-align: center;}
.marqueeleft li p{text-align:center;height:24px;line-height:24px;color: #fff;font-size: 16px}
.marqueeleft li:hover img{transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-moz-transform: scale(1.3); }
.marqueeleft li img {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;margin: 15px 0}

/*首页资讯*/
.index-newsbox{position: relative;padding: 18px 0}
.index-newsbox .til{width: 100%;position: relative;font-size: 20px;height: 32px}
.index-newsbox .til span{margin: 0 3px}
.index-newsbox .til a{font-size: 12px;line-height: 28px}
.newsboxi{position: relative;width: 100%;height: 208px;overflow: hidden;}
.newsboxi-b{width: 50%;float: left;position: relative;margin-top: 8px;height: 100%;}
.newsboxi-b p{line-height: 24px;height: 144px; overflow: hidden;margin-top: 8px;}
.newsboxi-b h2{text-align: center;font-weight: 100;}
.newsboxi-b .btn-look{border: 1px solid #003c7b;color: #003c7b;padding: 1px 3px;position: absolute;bottom: 8px;right: 18px;}
.newsboxi-b .btn-look:hover{background: #003c7b;color: #fff;}
.newsboxi-b  li{background:  url(../images/new_li_bg.png) left center no-repeat;padding-left: 15px;height: 28px; line-height: 28px;margin-left: 15px;}
.newsboxi-b  li span{float: right;}
.newsboxi-b  li a:hover{color: #003c7b;}

/*首页我们的团队*/
.index-team{width: 100%;height:500px ;background:   url(../images/bg_8.jpg) repeat;}
.marqueeleft-2{height:206px;width:750px;overflow:hidden;margin:0 auto;padding: 15px 0}
.marqueeleft-2 ul{float:left;}
.marqueeleft-2 li{float:left;display:inline;width:128px;text-align: center;margin: 0 25px}
.marqueeleft-2 li p{text-align:center;height:24px;line-height:24px;color: #333}
.marqueeleft-2 li p .name{font-size: 16px}
.marqueeleft-2 li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.marqueeleft-2 li img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*首页合作伙伴*/
.index-partners{position: relative;padding: 18px 0}
.box-end-2{margin: 0 auto;position: relative;width: 32px;height: 22px;background-position: -198px -52px ;left: 50%;margin-left: -16px;}
.par-mainbox{position: relative;width: 100%;height: 216px;overflow: hidden;}
.par-imgbox{float: left;width: 156px; height: 196px;text-align: center;position: relative;font-size: 16px;overflow: hidden;margin: 0 5px}
.par-img{width: 154px;height: 154px; border: 1px solid #ccc;border-radius: 77px;-moz-border-radius: 77px; -webkit-border-radius: 77px;display: table-cell;*display: block;text-align: center;float: left;margin-bottom: 13px;}
.par-img img{margin-top: 55px;}/*图高限定44,max-weidth-154*/
.par-img:hover img{animation: lg_2 1s ease-in-out ;-moz-animation: lg_2 1s ease-in-out;	-webkit-animation: lg_2 1s ease-in-oute ;-o-animation: lg_2 1s ease-in-out }


/*同页跳转*/
#go{position: fixed;bottom:105px;left: 80px;width: 100px; height: 453px;background:  url(../images/index_left_f.png) center right no-repeat;padding: 45px 0 15px;display: none;}
#go .f-box{vertical-align: middle;height: 49px}
#go .fon1{width: 100%;margin: 8px 0;position: relative;}
#go .fon1 span{float: left;font-size: 16px;margin: 0 14px}
#go .fon1 em{width: 20px;height: 20px;background-color: #f0f0f0;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;display: inherit;float: left;}
#go .fon1:hover span,#go .fon2 span{color: #4eb4ef;}
#go .fon1:hover em,#go .fon2 em{background: #4eb4ef;}

/*右侧悬浮*/
#rig-suspend{position: fixed;top:50%;right: 15px;background:  url(../images/suspend_bg.png) 0 0 no-repeat;width: 216px; height: 320px;margin-top: -160px;z-index: 3;display: none;}
#rig-suspend .toptil{width: 180px; padding: 0 18px; color: #2fbaf4;height: 62px;text-align: center;position: absolute;top:55px;animation: BottomFromTop 1s ease-in-out ;-moz-animation: BottomFromTop 1s ease-in-out;	-webkit-animation: BottomFromTop 1s ease-in-oute ;-o-animation: BottomFromTop 1s ease-in-out }
#rig-suspend .colbox{background-color: #2fbaf4;width: 100px; height: 24px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-align: center;line-height: 24px}
#rig-suspend .colbox:hover{background:  url(../images/suspend_bg_2.png) 0 0 no-repeat;height: 40px;margin-top: -8px;line-height: 52px}
#rig-suspend .colbox a{color: #fff;}
#rig-suspend .colbox:hover a{color: #ff4343;}
#rig-suspend .sus-qq{position: absolute;top:130px;left: 45px;animation: LeftToRight 3s  infinite ;-moz-animation: LeftToRight 3s  infinite;	-webkit-animation: LeftToRight 3s  infinite;-o-animation: LeftToRight 3s  infinite}
#rig-suspend .sus-qq .block-qq,#rig-suspend .sus-phone em{display: none; color: #ff4343;}
#rig-suspend .sus-qq:hover .block-qq,#rig-suspend .sus-phone:hover em{display:block;}
#rig-suspend .sus-qq:hover a,#rig-suspend .sus-phone:hover a{display: none;}
#rig-suspend .sus-phone{position: absolute;top:170px;left: 85px;animation: LeftToRight 3s 0.5s infinite ;-moz-animation: LeftToRight 3s 0.5s infinite;	-webkit-animation: LeftToRight 3s 0.5s infinite;-o-animation: LeftToRight 3s 0.5s infinite}
#rig-suspend .sus-address{position: absolute;top:205px;left: 115px;animation: LeftToRight 3s 0.2s infinite ;-moz-animation: LeftToRight 3s 0.2s infinite;	-webkit-animation: LeftToRight 3s 0.2s infinite;-o-animation: LeftToRight 3s 0.2s infinite}
#rig-suspend .sus-news{position: absolute;top:240px;left: 55px;animation: LeftToRight 3s 0.4s infinite ;-moz-animation: LeftToRight 3s 0.4s infinite;	-webkit-animation: LeftToRight 3s 0.4s infinite;-o-animation: LeftToRight 2s 0.4s infinite}
#rig-suspend .sus-about{position: absolute;top:280px;left: 85px;animation: LeftToRight 3s 0.8s infinite ;-moz-animation: LeftToRight 3s 0.8s infinite;	-webkit-animation: LeftToRight 3s 0.8s infinite;-o-animation: LeftToRight 3s 0.8s infinite}

/*成功案例*/
.casebox{padding: 15px 0;position: relative;}
.casebox .til{position: relative;;width: 1002px;height: 56px;top:0;z-index: 9;background:url(../images/till_bg.png) no-repeat;padding: 7px 0}
.casebox .til ul{text-align: center;margin: 0 auto;width: 426px}
.casebox .til li{float: left;width: 137px;background:url(../images/bg_4.gif) repeat;text-align: center;margin: 0 38px}
.casebox .til .con{background:url(../images/bg_3.gif) repeat;}
.casebox .til li a{color: #fff;line-height: 54px;font-size: 18px;}
.casebox .case-in{position: relative;width: 100%;display: inherit;float: left;margin-top: 15px;}
.casebox .case-in ul{display: none;float: left;}
.casebox .case-in .list{float: left;margin: 8px; width: 234px;background: #e1f1fa;position: relative;text-align: center;line-height: 36px;font-size: 16px;color: #497790;height: 435px;overflow: hidden;}
.casebox .case-in .list span{display: none;position: absolute;top:0;left: 0;background: #bdc2c5;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width: 100%;height: 100%;}
.casebox .case-in .list:hover span,.casebox .case-in .list:hover a{display:block;}
.casebox .case-in .list a{background-position: -115px -102px; display: none; height: 32px; left: 67px; padding-left: 27px; position: absolute; top: 170px; width: 86px;color: #fff;line-height: 32px;}
.casebox .case-in .list a:hover{color: #b2b2ac;}
.casebox .case-in .block{display: block;}


/*安全理念*/
.ideabox{position: relative;padding: 8px 0;}
.ideabox .til{position: relative;;width: 1002px;height: 44px;top:0;z-index: 9;background-color: rgba(228,91,49,0.8);text-align: center;}
.ideabox .til .pon,.ideabox .til a:hover{background-color: #003c7b;}
.ideabox .til  a{color: #fff;line-height: 44px;font-size: 18px;border-left: 1px solid #fff;height: 44px; width: 150px; display: inline-table;}
.ideabox .til  a:last-child{border-right: 1px solid #fff}
.ideabox .main{width: 100%}
.ideabox .main .item{border-bottom: 1px solid #ccc;padding-top: 44px}
.ideabox .main .item:last-child{border-bottom: none;}
.ideabox .main ul{display: none;}
.ideabox .main .block{display: block;}
.ideabox .main .comt{text-align: center;padding-bottom: 44px;border-bottom: 1px solid #d3d3d3 }
.ideabox .main .comt h2,.ideabox .main .comt span{font-size: 24px;line-height: 36px}
.ideabox .main .comt p{line-height: 28px}

/*产品中心*/
.probox{position: relative;background: linear-gradient( to right, #f4f4f4 50%, #fff 50%);background: -o-linear-gradient( to right, #f4f4f4 50%, #fff 50%);background: -moz-linear-gradient( to right, #f4f4f4 50%, #fff 50%);;height:auto;display: inline-block;width: 100%}
.pro-main{width: 1160px; margin: 0 auto}
.probox-left{width: 180px;float: left;background-color: #f4f4f4;}
.probox-content{width: 942px;float: left;background-color: #fff;}
.probox-content-in{width: 900px; background: #fff;position: relative;padding: 46px 40px}
.probox-content-in .type-box{width: 100%;position: relative;padding-top: 46px;}
.probox-content-in .type-box .p-til{background: url(../images/p_til_bg.png) left center no-repeat;padding-left: 24px;font-size: 24px;color:#333;margin-bottom: 30px;}
.probox-content-in .type-box .expand{width: 805px;margin: 0 auto 30px;}
.probox-content-in .type-box .expand .expend-in{text-align: center;border: 1px solid #ccc;height: 200px;margin-bottom: 10px;}
.probox-content-in .type-box .expand .expend-in .in-box{float: left;width: 170px;border-right: 1px solid #ccc;height:160px;padding:20px 15px;color: #000;}
.probox-content-in .type-box .expand .expend-in .in-box:last-child{border-right: none;}
.probox-content-in .type-box .expand .expend-in .in-box h3{font-size: 16px;font-weight: 300;}
.probox-content-in .type-box .expand .expend-in .in-box em{width: 55px;height: 55px;margin:8px 0;}
.probox-content-in .type-box .expand .expend-in .in-box p{font-size: 12px; line-height: 24px;height: 72px; overflow: hidden;}
.probox-content-in .type-box .expand .expend-in .in-box:hover em{animation: TopFromBottom 0.5s ease-in-out ;-moz-animation: TopFromBottom 0.5s ease-in-out;	-webkit-animation: TopFromBottom 0.5s ease-in-oute ;-o-animation: TopFromBottom 0.5s ease-in-out }
.probox-content-in .type-box .expand .expend-in .in-box .em-1{background-position: 0 -823px}
.probox-content-in .type-box .expand .expend-in .in-box .em-3{background-position: 0 -902px}
.probox-content-in .type-box .expand .expend-in .in-box .em-5{background-position: 0 -984px}
.probox-content-in .type-box .expand .expend-in .in-box .em-7{background-position: 0 -1068px}
.probox-content-in .type-box .expand .expend-in .in-box .em-2{background-position: -282px -823px}
.probox-content-in .type-box .expand .expend-in .in-box .em-4{background-position: -282px -902px}
.probox-content-in .type-box .expand .expend-in .in-box .em-6{background-position: -282px -984px}
.probox-content-in .type-box .expand .expend-in .in-box .em-8{background-position: -282px -1068px}
.probox-content-in .type-box .expand-2{height: 204px;width: 690px;margin: 0 auto}
.probox-content-in .type-box .expand-2 .ser-cent-main{float: left;height: 60px;width: 230px;margin: 28px 0}
.probox-content-in .type-box .expand-2 .ser-cent-main h3{line-height: 60px;font-weight:300}
.probox-content-in .type-box .expand-2 .ser-cent-box{float: left;width: 60px; height: 60px; background-color: #6cc3e3;border-radius: 8px;margin-right: 8px;}
.probox-content-in .type-box .expand-2 .ser-cent-box em{width: 60px;height: 60px;}
.probox-content-in .type-box .expand-2 .ser-cent-main:hover em{animation: fzY 0.5s ease-in-out ;-moz-animation: fzY 0.5s ease-in-out;	-webkit-animation: fzY 0.5s ease-in-oute ;-o-animation: fzY 0.5s ease-in-out}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-1{background-position: -275px -28px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-2{background-position: -276px -260px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-3{background-position: -274px -722px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-4{background-position: -138px -820px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-5{background-position: -138px -985px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-6{background-position: -138px -903px}
.probox-content-in .type-box .adv-box{width: 100%;background: url(../images/pro_ys_bg.png) no-repeat 100px top;display: inline-block;}
.probox-content-in .type-box .adv-box .font-box{float: right;width: 335px;height: auto;}
.probox-content-in .type-box .adv-box .font-box .in{height: 136px; overflow: hidden;width: 230px}
.probox-content-in .type-box .adv-box .font-box .in p{font-size: 12px}
.probox-content-in .type-box .adv-box .font-box .c-1{color: #ff7510;}
.probox-content-in .type-box .adv-box .font-box .c-2{color: #74ba0b;}
.probox-content-in .type-box .adv-box .font-box .c-3{color: #00a6ae;}
.probox-content-in .type-box .adv-box .font-box .c-4{color: #1982b7;}
.probox-content-in .til{width: 900px;display: table;height: 46px;background: #f4f4f4;text-align: center;margin: 0 auto;position: relative;z-index: 9;top:0;border: 1px solid #ccc}
.probox-content-in .til a{display: table-cell;line-height: 46px;border-right: 1px solid #ccc;transition: all 0.3s ease 0s}
.probox-content-in .til a:last-child{border-right: none;}
.probox-content-in .til .on{background-color: #003c7b;color: #fff;}
.pro-banner{ color: #fff; height: 368px; padding-left: 65px;position: relative;}
.pro-banner .banner-content{z-index: 2;position: relative;}
.pro-banner .banner-content .tb{font-size: 24px; padding-top: 80px;}
.pro-banner .banner-content .tb .tit{font-size: 42px;height: 50px; line-height: 50px}
.pro-banner .banner-content .tb .app{ background: url(../images/icon-banner.png) no-repeat scroll 0 -74px rgba(0, 0, 0, 0);  font-size: 26px; padding-left: 25px;}
.pro-banner .banner-content .hd{width: 510px;padding-top: 20px}
.pro-banner .banner-content .hd p{margin-bottom: 8px;line-height: 2;}
.pro-banner .banner-content .hd .btn-box{padding-bottom: 8px;}
.pro-banner .banner-content .hd .btn{ border: 1px solid #ffd800; color: #fff;line-height: 36px; height: 36px; width: 140px; margin: 0 5px; text-align: center;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;font-size: 16px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;}
.pro-banner .banner-content .hd .btn:hover{background-color: #fff;color: #333;}
.pro-banner .banner-content .hd .btn-y{background: #ffd800;color: #333;}
.pro-banner .banner-content .hd .p-phone{padding-left: 120px;font-size: 16px}
.pro-banner .banner-bg{position: absolute; top: 0; left: 0;width: 100%}
.pro-banner .banner-right{position: absolute;top:0;right: -418px;height: 368px; overflow: hidden;}
/*left*/
.leftnav-box{width:180px;overflow:visible !important;background-color:#f4f4f4 ;float: right;}
.leftnav-box dl{}
.leftnav-box dt{padding-left:38px;background-repeat:no-repeat;background-position:10px center;color:#333;font-size:14px;position:relative;line-height:36px;display: block;border-bottom: 1px dashed #ccc}
.leftnav-box dt.on{background-color: #ccc;}
.leftnav-box dt a{display: inherit;}
.leftnav-box dd{}
.leftnav-box dd:hover,.leftnav-box dt:hover{background-color: #e6e6e6;}
.leftnav-box dd a{color:#333;line-height:35px;display: inherit;padding-left: 12px;}
.leftnav-box dd .on{background-color: #fff;}
.leftnav-box dt img{position:absolute;right:10px;top:15px;}
.p1 dt{background-position: 0 -529px}
.p2 dt{background-position: 0 -583px}
.p3 dt{background-position: 0 -633px}
.p4 dt{background-position: 0 -685px}
.p5 dt{background-position: 0 -738px}
.menu-chioce{background: #f4f4f4;}
.line{border-bottom: 1px dashed #ccc;height: 36px;line-height: 36px; font-size: 16px;padding-left: 8px;}



/*服务项目*/
.serbox{position: relative;}
.serbox .til{position: relative;;width: 1002px;height: 28px;top:0;z-index: 9;padding: 7px 0;color: #0b9099;border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-bottom-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;}
.serbox .til li{float: left;width: 100px;text-align: center;margin: 0 8px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.serbox .til .span{float: left;line-height: 28px}
.serbox .til .on{background-color: #6bbdf3;}
.serbox .til .on a{color: #fff;}
.serbox .til li a{color: #0b9099;line-height: 28px;font-size: 14px;}
.serbox .main{width: 100%;margin-top: 15px;}
/*.serbox .main ul{display: block;}*/
/*.serbox .main .block{display: block;}*/
.serbox .main .comt{width: 100%;text-align: center;position: relative;line-height: 38px}
.serbox .main .comt h2{font-size: 24px;}
.serbox .main .comt-2{position: relative;width: 100%;background:  url(../images/ser_bg_1.png) center no-repeat;height:727px;}
.serbox .main .comt-2 .detailbox{width: 255px;position: absolute;}
.serbox .main .comt-2 .detailbox:hover{animation: LeftToRight 0.5s; -moz-animation: LeftToRight 0.5s; -webkit-animation: LeftToRight 0.5s;-o-animation: LeftToRight 0.5s; }
.serbox .main .comt-2 .detailbox .line{border-bottom: 5px solid #000;font-size: 24px;color: #65b610;width: 225px;margin-bottom: 15px;}
.serbox .main .comt-2 .detailbox .black{color: #000;}
.serbox .main .comt-2 .pos-1{top:42px;left: 135px}
.serbox .main .comt-2 .pos-2{top:208px;right: 110px}
.serbox .main .comt-2 .pos-3{top:422px;right: 120px}
.serbox .main .comt-2 .pos-4{top:532px;left: 215px}
.serbox .main .comt-2 .pos-5{top:582px;right: 35px}
.serbox .main table{  border: 1px solid #ccc;    margin: 20px 0;    text-align: center;    vertical-align: middle;    width: 990px;}
.serbox .main tr,.serbox .main td{ border: 1px solid #ccc;    text-align: center;    vertical-align: middle;}
.serbox .main td{height: 28px;width: 20%}
.serbox .main .o{ background: #0b9099;    color: #fff;    font-size: 16px;height: 38px}

/*新闻中心*/
.newsbox{position: relative;padding: 8px 0}
.newsbox .til{position: relative;;width: 1002px;height: 28px;top:0;z-index: 9;padding: 7px 0;color: #0b9099;border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-bottom-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;background:rgba(255,255,255,0.8);line-height: 28px;font-size: 16px}
.newsbox .til li{float: left;width: 100px;text-align: center;margin-left:28px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.newsbox .til .span{float: left;line-height: 34px}
.newsbox .til .con{background-color: #6bbdf3;}
.newsbox .til .con a{color: #fff;}
.newsbox .til li a{color: #0b9099;line-height: 38px;}
.newsbox .main{width: 100%}
.newsbox .main ul{margin: 8px 0}
.newsbox .main li{border-bottom: 1px dashed #ccc;height: 156px;padding: 8px 0;position: relative;}
.newsbox .main li .inside{height: 122px;margin: 8px;}
.newsbox .main li .inside .picbox{width: 137px; height: 122px;float: left;overflow: hidden;}
.newsbox .main li .inside p{
	float: left;
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	width: 830px
}
.newsbox .main li .inside span{position: absolute;bottom: 18px;}
.newsbox .main li .inside .views{right: 98px;}
.newsbox .main li .inside .datetime{right: 8px}
.newsbox .main li a{color: #7c7c7c;}
.newsbox .main li:hover{background-color: #f4f4f4;}
.n-til{width: 100%;height: 49px; margin: 40px 0; text-align: center;background:  url(../images/till_bg.png) center repeat;}
.n-til span{background: #fff;font-size: 36px;padding: 0 12px;letter-spacing: 0.1em;color: #333}
.n-main{width: 1002px;height: auto;margin: 0 auto}
.n-main .n-title{width: 100%;text-align: center;border-bottom: 1px dashed #ccc;padding-bottom: 8px;}
.n-main .n-title h2{font-weight: 300;;margin-bottom: 8px;}
.n-main .n-title span{margin: 0 8px}
.n-main .n-content{margin: 15px 0}
.n-main .n-add{height: 30px;margin: 15px 60px}
.n-main .n-add .n-next{float: right;}
.n-main .n-add .n-prev{float: left;}
/*关于我们*/
.aboutbox{position: relative;height: 100%;z-index: 1}
@media only screen and (min-width: 1170px) {
  .about-fixed-bg { background-attachment: fixed;font-weight: 300;  }
   .about-fixed-bg h1, .about-fixed-bg h2 {  font-weight: 300;line-height: 1.5em}
     }
@media only screen and (min-width: 768px) {
  .cd-scrolling-bg {padding: 8em 0; font-size: 20px; font-size: 1.25rem; line-height: 2; font-weight: 300;  }
}
.about-scrolling-bg{position: relative;  min-height: 100%;  line-height: 1.6;  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.5);  z-index: 2;}
.about-scrolling-bg.scrolling-bg-1{background-color: #8b3242;height: 800px}
.about-scrolling-bg.scrolling-bg-2{background-color: #ededed;height: 670px}
.about-fixed-bg{ position: relative;  min-height: 100%;  background-repeat: no-repeat;  background-position: center center;  z-index: 1;vertical-align: middle;} 
.about-fixed-bg.fixed-bg-1{background-image:  url(../images/abt_bg_1.jpg);height:963px; }
.about-fixed-bg.fixed-bg-2{background-image:  url(../images/abt_bg_2.jpg);height:676px;padding-top: 300px }
.img-1{top:250px;position: relative;text-align: center;}
.font-1{position: relative;padding: 15px 0;color: #fff;top:300px;text-align: center;}
.font-1 .iner{border-top: 1px  #fff solid;border-bottom: 1px solid #fff;width: 430px; position: relative;left: 50%;margin-left: -215px;}
.font-1 .iner h1{font-family: FontOne;*font-family: 'Microsoft YaHei';}
.font-1 .iner h2{font-family: FontTwo;}
.src-1-cmainbox{width: 1200px; margin: 0 auto;height: 100%}
.src-1-cmainbox .con{width: 300px;height: 200px;position: relative;float: left;padding: 150px 50px 0;}
.src-1-cmainbox .con p{font-size: 16px;color: #fff;font-family: FontOne;}
.src-1-cmainbox .con p span{color:#D4FFE5;font-size:20px}
.src-2-cmainbox{width: 1002px;margin: 0 auto ;padding: 20px 0}
.src-2-cmainbox .addbox{width: 50%;float: left;margin-bottom: 20px;}
.src-2-cmainbox .kefu{text-align: center;}
.src-2-cmainbox .pt{line-height: 38px;font-size: 18px}
.about-fixed-bg .con-2{width: 768px;margin: 0 auto}
.about-fixed-bg .con-2 p{font-size: 16px;font-family: FontOne;color: #fff;line-height: 2em}
.about-fixed-bg .con-2 p span{font-size: 20px; color: #D4FFE5}
.src-1-cbox{width: 400px; height: 400px;float: left;position: relative;color: #fff}
.src-1-cbox .arrow{width: 0px;  height:0px;  border-width: 15px;  border-style: solid;position: absolute;text-align: center;}
.src-1-cbox .bg-1{background-color: #909bc6;width: 400px;height: 400px;float: left;position: relative;}
.src-1-cbox .arrow-1{  border-color: transparent transparent transparent #909bc6;left: 400px;top:185px;}
.src-1-cbox .bg-2{background-color: #b7a5c7;width: 400px;height: 400px;float: left;position: relative;}
.src-1-cbox .arrow-2{border-color:#b7a5c7 transparent transparent  transparent;right: 185px;top:400px;}
.src-1-cbox .bg-3{background-color: #c2acb0;width: 400px;height: 400px;float: left;position: relative;}
.src-1-cbox .arrow-3{ border-color: transparent #c2acb0 transparent transparent ;right: 400px;top:185px;}
.src-1-cbox .linbox{border-bottom: 1px solid #fff;width: 95px;margin: 55px auto 10px;text-align: center;color: #fff;font-size: 18px;padding: 0 30px}
.src-1-cbox p{font-size: 10px;padding: 0 35px;text-align: center;}
.src-1-cbox .linbox em{width: 95px;height: 95px;}
.src-1-cbox .linbox .cx{background-position: -122px -183px}
.src-1-cbox .linbox .gy{background-position: -122px -191px}
.src-1-cbox .linbox .gx{background-position: -122px -423px}